page {
	background: #f7f8fa;
	padding: 20upx;

	.carousel-section {
		border-radius: 8upx;
		background: white;
		margin-bottom: 20upx;
		overflow: hidden;
		position: relative;

		.carousel {
			height: 400upx;

			uni-image {
				width: 100%;
				height: 100%;
			}
		}

		.swiper-dots {
			position: absolute;
			right: 10upx;
			bottom: 10upx;
			padding: 4upx 10upx;
			font-size: 24upx;
			background: rgba(0, 0, 0, 0.1);
			color: white;
		}
	}

	.category-div {
		background: white;
		margin: 20upx 0;
		border-radius: 10upx;
		padding-top: 20upx;

		.bg-img {
			text-align: center;
			margin-bottom: 30upx;

			uni-image {
				width: 80upx;
				height: 80upx;
			}

			p {
				color: #616161;
				font-size: 24upx;
				padding: 4upx 0;
			}
		}
	}

	.bg_hot {
		height: 110upx;

		uni-image {
			width: 100%;
			height: 100%;
		}
	}

	.guess-section {
		margin-top: 20upx;

		.guess-item {
			background: white;
			padding: 20upx;
			height: 210px;

			uni-image {
				height: 150px;
				margin-bottom: 5upx;
				color: #616161;
			}
		}

		.title {
			font-size: 13px;
			margin-bottom: 10upx;
		}

		.price {
			font-size: 20upx;
			color: #ff4246;

			span {
				font-size: 28upx !important;
				margin-right: 6upx;
				font-weight: 600;
			}
		}
	}
}






/* #ifdef MP */
.mp-search-box{
	position:absolute;
	left: 0;
	top: 30upx;
	z-index: 9999;
	width: 100%;
	padding: 0 80upx;

	.ser-input{
		flex:1;
		height: 56upx;
		line-height: 56upx;
		text-align: center;
		font-size: 28upx;
		color:$font-color-base;
		border-radius: 20px;
		background: rgba(255,255,255,.6);
	}
}
/* #endif */

// 	.m-t{
// 		margin-top: 16upx;
// 	}
// 	/* 头部 轮播图 */
// 	.carousel-section {
// 		position: relative;
// 		padding: 10px 0;

// 		.titleNview-placing {
// 			height: var(--status-bar-height);
// 			padding-top: 44px;
// 			box-sizing: content-box;
// 		}

// 		.titleNview-background {
// 			position: absolute;
// 			top: 0;
// 			left: 0;
// 			width: 100%;
// 			height: 426upx;
// 			transition: .4s;
// 		}
// 	}
// 	.carousel {
// 		width: 100%;
// 		height: 380upx;

// 		.carousel-item {
// 			width: 100%;
// 			height: 100%;
// 			padding: 0 28upx;
// 			overflow: hidden;
// 		}

// 		image {
// 			width: 100%;
// 			height: 100%;
// 			border-radius: 10upx;
// 		}
// 	}
// 	.swiper-dots {
// 		display: flex;
// 		position: absolute;
// 		left: 60upx;
// 		bottom: 15upx;
// 		width: 72upx;
// 		height: 36upx;
// 		background-image: url();
// 		background-size: 100% 100%;

// 		.num {
// 			width: 36upx;
// 			height: 36upx;
// 			border-radius: 50px;
// 			font-size: 24upx;
// 			color: #fff;
// 			text-align: center;
// 			line-height: 36upx;
// 		}

// 		.sign {
// 			position: absolute;
// 			top: 0;
// 			left: 50%;
// 			line-height: 36upx;
// 			font-size: 12upx;
// 			color: #fff;
// 			transform: translateX(-50%);
// 		}
// 	}
// 	/* 分类 */
// 	.cate-section {
// 		display: flex;
// 		justify-content: space-around;
// 		align-items: center;
// 		flex-wrap:wrap;
// 		padding: 30upx 22upx;
// 		background: #fff;
// 		.cate-item {
// 			display: flex;
// 			flex-direction: column;
// 			align-items: center;
// 			font-size: $font-sm + 2upx;
// 			color: $font-color-dark;
// 		}
// 		/* 原图标颜色太深,不想改图了,所以加了透明度 */
// 		image {
// 			width: 88upx;
// 			height: 88upx;
// 			margin-bottom: 14upx;
// 			border-radius: 50%;
// 			opacity: .7;
// 			box-shadow: 4upx 4upx 20upx rgba(250, 67, 106, 0.3);
// 		}
// 	}
// 	.ad-1{
// 		width: 100%;
// 		height: 210upx;
// 		padding: 10upx 0;
// 		background: #fff;
// 		image{
// 			width:100%;
// 			height: 100%;
// 		}
// 	}
// 	/* 秒杀专区 */
// 	.seckill-section{
// 		padding: 4upx 30upx 24upx;
// 		background: #fff;
// 		.s-header{
// 			display:flex;
// 			align-items:center;
// 			height: 92upx;
// 			line-height: 1;
// 			.s-img{
// 				width: 140upx;
// 				height: 30upx;
// 			}
// 			.tip{
// 				font-size: $font-base;
// 				color: $font-color-light;
// 				margin: 0 20upx 0 40upx;
// 			}
// 			.timer{
// 				display:inline-block;
// 				width: 40upx;
// 				height: 36upx;
// 				text-align:center;
// 				line-height: 36upx;
// 				margin-right: 14upx;
// 				font-size: $font-sm+2upx;
// 				color: #fff;
// 				border-radius: 2px;
// 				background: rgba(0,0,0,.8);
// 			}
// 			.icon-you{
// 				font-size: $font-lg;
// 				color: $font-color-light;
// 				flex: 1;
// 				text-align: right;
// 			}
// 		}
// 		.floor-list{
// 			white-space: nowrap;
// 		}
// 		.scoll-wrapper{
// 			display:flex;
// 			align-items: flex-start;
// 		}
// 		.floor-item{
// 			width: 150upx;
// 			margin-right: 20upx;
// 			font-size: $font-sm+2upx;
// 			color: $font-color-dark;
// 			line-height: 1.8;
// 			image{
// 				width: 150upx;
// 				height: 150upx;
// 				border-radius: 6upx;
// 			}
// 			.price{
// 				color: $uni-color-primary;
// 			}
// 		}
// 	}

// 	.f-header{
// 		display:flex;
// 		align-items:center;
// 		height: 140upx;
// 		padding: 6upx 30upx 8upx;
// 		background: #fff;
// 		image{
// 			flex-shrink: 0;
// 			width: 80upx;
// 			height: 80upx;
// 			margin-right: 20upx;
// 		}
// 		.tit-box{
// 			flex: 1;
// 			display: flex;
// 			flex-direction: column;
// 		}
// 		.tit{
// 			font-size: $font-lg +2upx;
// 			color: #font-color-dark;
// 			line-height: 1.3;
// 		}
// 		.tit2{
// 			font-size: $font-sm;
// 			color: $font-color-light;
// 		}
// 		.icon-you{
// 			font-size: $font-lg +2upx;
// 			color: $font-color-light;
// 		}
// 	}
// 	/* 团购楼层 */
// 	.group-section{
// 		background: #fff;
// 		.g-swiper{
// 			height: 650upx;
// 			padding-bottom: 30upx;
// 		}
// 		.g-swiper-item{
// 			width: 100%;
// 			padding: 0 30upx;
// 			display:flex;
// 		}
// 		image{
// 			width: 100%;
// 			height: 460upx;
// 			border-radius: 4px;
// 		}
// 		.g-item{
// 			display:flex;
// 			flex-direction: column;
// 			overflow:hidden;
// 		}
// 		.left{
// 			flex: 1.2;
// 			margin-right: 24upx;
// 			.t-box{
// 				padding-top: 20upx;
// 			}
// 		}
// 		.right{
// 			flex: 0.8;
// 			flex-direction: column-reverse;
// 			.t-box{
// 				padding-bottom: 20upx;
// 			}
// 		}
// 		.t-box{
// 			height: 160upx;
// 			font-size: $font-base+2upx;
// 			color: $font-color-dark;
// 			line-height: 1.6;
// 		}
// 		.price{
// 			color:$uni-color-primary;
// 		}
// 		.m-price{
// 			font-size: $font-sm+2upx;
// 			text-decoration: line-through;
// 			color: $font-color-light;
// 			margin-left: 8upx;
// 		}
// 		.pro-box{
// 			display:flex;
// 			align-items:center;
// 			margin-top: 10upx;
// 			font-size: $font-sm;
// 			color: $font-base;
// 			padding-right: 10upx;
// 		}
// 		.progress-box{
// 			flex: 1;
// 			border-radius: 10px;
// 			overflow: hidden;
// 			margin-right: 8upx;
// 		}
// 	}
// 	/* 分类推荐楼层 */
// 	.hot-floor{
// 		width: 100%;
// 		overflow: hidden;
// 		margin-bottom: 20upx;
// 		.floor-img-box{
// 			width: 100%;
// 			height:320upx;
// 			position:relative;
// 			&:after{
// 				content: '';
// 				position:absolute;
// 				left: 0;
// 				top: 0;
// 				width: 100%;
// 				height: 100%;
// 				background: linear-gradient(rgba(255,255,255,.06) 30%, #f8f8f8);
// 			}
// 		}
// 		.floor-img{
// 			width: 100%;
// 			height: 100%;
// 		}
// 		.floor-list{
// 			white-space: nowrap;
// 			padding: 20upx;
// 			padding-right: 50upx;
// 			border-radius: 6upx;
// 			margin-top:-140upx;
// 			margin-left: 30upx;
// 			background: #fff;
// 			box-shadow: 1px 1px 5px rgba(0,0,0,.2);
// 			position: relative;
// 			z-index: 1;
// 		}
// 		.scoll-wrapper{
// 			display:flex;
// 			align-items: flex-start;
// 		}
// 		.floor-item{
// 			width: 180upx;
// 			margin-right: 20upx;
// 			font-size: $font-sm+2upx;
// 			color: $font-color-dark;
// 			line-height: 1.8;
// 			image{
// 				width: 180upx;
// 				height: 180upx;
// 				border-radius: 6upx;
// 			}
// 			.price{
// 				color: $uni-color-primary;
// 			}
// 		}
// 		.more{
// 			display:flex;
// 			align-items: center;
// 			justify-content: center;
// 			flex-direction: column;
// 			flex-shrink: 0;
// 			width: 180upx;
// 			height: 180upx;
// 			border-radius: 6upx;
// 			background: #f3f3f3;
// 			font-size: $font-base;
// 			color: $font-color-light;
// 			text:first-child{
// 				margin-bottom: 4upx;
// 			}
// 		}
// 	}
// 	/* 猜你喜欢 */
// 	.guess-section{
// 		display:flex;
// 		flex-wrap:wrap;
// 		padding: 0 30upx;
// 		background: #fff;
// 		.guess-item{
// 			display:flex;
// 			flex-direction: column;
// 			width: 48%;
// 			padding-bottom: 40upx;
// 			&:nth-child(2n+1){
// 				margin-right: 4%;
// 			}
// 		}
// 		.image-wrapper{
// 			width: 100%;
// 			height: 330upx;
// 			border-radius: 3px;
// 			overflow: hidden;
// 			image{
// 				width: 100%;
// 				height: 100%;
// 				opacity: 1;
// 			}
// 		}
// 		.title{
// 			font-size: $font-lg;
// 			color: $font-color-dark;
// 			line-height: 80upx;
// 		}
// 		.price{
// 			font-size: $font-lg;
// 			color: $uni-color-primary;
// 			line-height: 1;
// 		}
// 	}
// 	.category-div{
// 		width: 100%;
// 		float: left;
// 		background: #FFFFFF;
// 	}
// 	.category-item{
// 		background: #FFFFFF;
// 		width: 25%;
// 		float: left;
// 		padding: 15px 0;
// 		text-align: center;
// 	}
// 	.category-item image{
// 		width: 40px;
// 		height: 40px;
// 		margin: auto;
// 		text-align: center;
// 	}
